iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0

Laravel 文件以及之後要用的工具

那就開始安裝Laravel

我使用的版本和工具:

  • Laravel 10
  • PHP 8.0
  • Blade模板來寫前端 (可以替換成React or Vue,但這次就挑戰Laravel的Blade)
  • 預計安裝 Tailwind CSS
  • 預計安裝 Laravel Breeze kit

Breeze是Laravel的模板,已經有帳號管理等基本驗證功能。

開啟Docker&Laradock, 創建我們的Repo~

開啟docker,
在你laradock的root資料夾打上command:docker-composer up -d workspace nginx mysql 啟動Laradock,
之後進入workspace的容器內啟用bash命令
docker-compose exec --user=laradock workspace bash
然後創建Laravel
composer create-project laravel/laravel

laradock@b5064199c1ba:/var/www$ cd rachel-projects/
laradock@b5064199c1ba:/var/www/rachel-projects$ composer create-project laravel/laravel career-expo

啥是Laradock & docker呢?請參考昨天這篇:Laravel環境一鍵搞定

建立Nginx

網路上看一些文章:
30天成爲Laravel萌新(第6天) - 配置專案
[實作系列] 4 步驟 從 Laradock 建構 laravel 專案
創建完之後到localhost就能夠看到首頁,
但估計因為我是Laradock對多專案的原因,到localhost啥也沒有...(我的TODO:確認原因

不管啦,那就跟這一篇一起將Nginx建立起來:
Laradock - A PHP Developer's best friend.

在laradock>nginx>sites
找到laravel.conf.example,複製一份改成自己的檔案名稱
例如我的:career-expo.conf (啥都可以以.cong做結尾就好)

然後將server_name & root改成你的server name & root

server_name career-expo.localhost; //以localhost結尾就不用到/etc/hosts增加你的域名
root /var/www/rachel-projects/career-expo/public;

因為nginx已經啟用了,要reload nginx,域名才會生效

如果你還在var/www裏面,
exit退出容器,然後輸入以下nginx reload命令:

laradock@b5064199c1ba:/var/www$ exit
exit
rachel@rachel-MacBook-Pro laradock % docker-compose exec nginx nginx -t
rachel@rachel-MacBook-Pro laradock % docker-compose exec nginx nginx -s reload

然後到網址輸入你的域名,將將~~

https://ithelp.ithome.com.tw/upload/images/20230820/20140247l33CgNWVkH.png

下一篇來解釋,探討一下Nginx到底是啥東西?

參考

Laravel 入門:來認識 Blade 吧


上一篇
Laravel環境一鍵搞定!Laradock-Day02
下一篇
前端也得懂的Nginx反向代理伺服器-Day04
系列文
前輩說Laravel不難,好啊那就1人前後端試試看啊31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言